<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <title>title</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <style>
        body {
            padding-top: 1.5rem;
            width: 100%;
            height: 100%;
             position: absolute;
            /*margin-top: 3.5rem;*/
            background-color: rgb(242, 242, 242, 0.5);
        }

        .header {
            width: 93%;
            height: 2.5rem;
            line-height: 2.5rem;
            padding: 0.5rem 0.8rem;
            text-align: center;
            background-color: #fff;

        }

        .header_img{
          width: 6%;
          height: 45%;
          float: left;
          margin-top: 0.5rem;
        }

        .header_img img {
            width: 100%;
            height: 100%;
        }

        .header h3 {
            line-height: 3rem;
            width: 90%;
            text-align: center;
        }

        .main_all {
            width: 100%;
            height: auto;
             position: absolute;
            /*margin-top: 3.5rem;*/
            background-color: rgb(242, 242, 242, 0.5);
        }

        .main {
            width: 100%;

            background-color: #fff;
        }

        .main_top {
            width: 88%;
            margin: 0.5rem auto;
            height:2.5rem;
            line-height: 2.5rem;
            border-bottom: 1px solid rgb(242, 242, 242, 0.5);
        }

        .fl {
            float: left;
        }

        .fr {
            float: right;
        }

        .main_imgs {
            width: 7%;
            height: 47%;
            margin-top: 0.3rem;
        }

        .main_imgs img {
            width: 100%;
            height: 100%;
        }
    </style>
</head>

<body>
    <div class="header">
        <div class="header_img">
            <img src="../image/u18.png" alt="" onclick="closewin()">
        </div>
        <h3>服务条款</h3>
    </div>
    <div class="main_all">
        <div class="main" id="serlist">

        </div>
    </div>
</body>
    <script type="text/javascript" src="../script/jquery-1.8.3.js"></script>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript">

    apiready = function() {
      get_list()
    };

    function ser(id) {
      api.openWin({
          name: 'fftkxq',
          url: './fftkxq.html',
          pageParam:{
            id:id
          }
      });
    }
    function get_list() {
      var html =''
      var obj = $api.byId('serlist');

      api.ajax({
          url: SITE_URL+'setting_api/services/index',
          method: 'post',
          data: {

          }
      },function(ret, err){
          if (ret) {
            if(ret.error==200){
              for (var i = 0; i < ret.data.length; i++) {
                var dat = ret.data[i]

                html +='<div class="main_top" onclick="ser('+dat.id+')">'
                html +='<p class="fl">'+dat.ser_name+'</p>'
                html +='<div class="main_imgs fr">'
                html +='<img src="../image/a11.png">'
                html +='</div>'
                html +='</div>'

              }
              $api.html(obj, html);

            }else{
              msgcode('暂无更多条款')
            }
              //alert( JSON.stringify( ret ) );
          } else {
            msgcode('请检查网络连接')
              //alert( JSON.stringify( err ) );
          }
      });

    }


</script>

</html>
